<!Doctype html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
<div style="width:20px;">
    我爱杯中酒，
    爱之不敢求。
    学道北海仙，
    习之势翩翩。
    <p id="aaa">这里</p>
    我爱杯中酒，
    爱之不敢求。
    学道北海仙，
    习之势翩翩。

    我爱杯中酒，
    爱之不敢求。
    学道北海仙，
    习之势翩翩。

    我爱杯中酒，
    爱之不敢求。
    学道北海仙，
    习之势翩翩。
    <a href="#aaa">回到这里</a>
    我爱杯中酒，
    爱之不敢求。
    学道北海仙，
    习之势翩翩。
</div>
<button id="btn">按钮</button>
</body>
<script>
// 事件：用户在网页中的行为，例如：点击、滚动、敲回车、移动 ......
// 事件有三要素：1.事件源-由哪一个标签来触发行为  2.事件类型-哪种行为   3.事件处理程序-函数
// 当用户 某种行为 进行在了 某个标签上 执行 某个函数

/*
语法：
标签.on类型 = function(){}
*/
// console.log(btn);
// btn.onclick = function(){
//     alert(1111111)
// }

btn.onclick = function(){
    // 回到顶部
    document.documentElement.scrollTop = 0
}
</script>
</html>